//登陆时验证输入合法性
function Checking(email,passwd){
    var regemail = /\w+[@]{1}\w+[.]\w+/;
    var regpasswd=/.{8,16}/;
    if (email.length===0)
    {
        return "邮箱不能为空"
    }
    if (passwd.length===0)
    {
        return "密码不能为空"
    }
    if (!regemail.test(email)) {
        return "请输入正确的邮箱"
    }
    if (!regpasswd.test(passwd)){
        return "请输入正确的密码"
    }
    return true
}
$(function () {

    //切换登陆注册按钮
    $(".tabs_ul li").click(function () {
        $(this).css({"color":"black","border-bottom":"#00C758 2px solid"});
        $(this).siblings().css({"color":"#999999","border-bottom":"#999999 2px solid"});
        if ($(this).index()==0){
            $("#login_box").css("display","inline-block");
            $("#register_box").css("display","none");
        }else{
            $("#login_box").css("display","none");
            $("#register_box").css("display","inline-block");
        }
    });

    //在登陆和注册界面的文本框中 输入值后显示清除按钮/删除值后隐藏清除按钮
    $("#login_email").keyup(function () {
        var len=$(this).val().length;
        if (len>0){
            $("#login_u_cancel").css("visibility","visible")
        }else{
            $("#login_u_cancel").css("visibility","hidden")
        }
    });
    $("#login_passwd").keyup(function () {
        var len=$(this).val().length;
        if (len>0){
            $("#login_p_cancel").css("visibility","visible")
        }else{
            $("#login_p_cancel").css("visibility","hidden")
        }
    });
    $("#register_email").keyup(function () {
        var len=$(this).val().length;
        if (len>0){
            $("#register_email_cancel").css("visibility","visible")
        }else{
            $("#register_email_cancel").css("visibility","hidden")
        }
    });
    $("#register_passwd").keyup(function () {
        var len=$(this).val().length;
        if (len>0){
            $("#register_p_cancel").css("visibility","visible")
        }else{
            $("#register_p_cancel").css("visibility","hidden")
        }
    });

    //鼠标经过清除按钮时，清除按钮变色；鼠标离开时恢复
    $(".u_cancel").hover(function () {
        // alert($(this).index())
        $(this).children("img").attr("src","images/hxr/cancel_on.png")
    },function () {
        $(this).children("img").attr("src","images/hxr/cancel.png")
    });

    //鼠标经过显示密码按钮时，按钮变色；鼠标离开时恢复
    $("#close_eye").hover(function () {
        $(this).attr("src","images/hxr/close_eye_on.png")
    },function () {
        $(this).attr("src","images/hxr/close_eye.png")
    });
    $("#open_eye").hover(function () {
        $(this).attr("src","images/hxr/open_eye_on.png")
    },function () {
        $(this).attr("src","images/hxr/open_eye.png")
    });
    //鼠标单击显示密码按钮时，睁眼并显示密码，反之隐藏密码
    $("#close_eye").click(function () {
        $(this).hide();
        $("#open_eye").show();
        $("#register_passwd").attr("type","input")
    });
    $("#open_eye").click(function () {
        $(this).hide();
        $("#close_eye").show();
        $("#register_passwd").attr("type","password")
    });

    //在文本框中有内容时，单击清除按钮清空文本框中的内容，当前文本框获取焦点
    $("#login_u_cancel").click(function () {
        $("#login_email").val("")
        $(this).css("visibility","hidden")
        $("#login_email").focus()
    });
    $("#login_p_cancel").click(function () {
        $("#login_passwd").val("")
        $(this).css("visibility","hidden")
        $("#login_passwd").focus()
    });
    $("#register_email_cancel").click(function () {
        $("#register_email").val("")
        $(this).css("visibility","hidden")
        $("#register_email").focus()
    });
    $("#register_p_cancel").click(function () {
        $("#register_passwd").val("")
        $(this).css("visibility","hidden")
        $("#register_passwd").focus()
    });

    //文本框获取焦点时边框变绿，失去焦点时恢复。
    $("#login_email").focus(function () {
        $("#login_email_box").addClass("input_boxon")
    }).blur(function () {
        $("#login_email_box").removeClass("input_boxon")
    });
    $("#login_passwd").focus(function () {
        $("#login_passwd_box").addClass("input_boxon")
    }).blur(function () {
        $("#login_passwd_box").removeClass("input_boxon")
    });
    $("#register_email").focus(function () {
        $("#register_email_box").addClass("input_boxon")
    }).blur(function () {
        $("#register_email_box").removeClass("input_boxon")
    });
    $("#register_passwd").focus(function () {
        $("#register_passwd_box").addClass("input_boxon")
    }).blur(function () {
        $("#register_passwd_box").removeClass("input_boxon")
    });

    //登陆按钮单击事件
    $(".btn_login").click(function () {
        var email=$("#login_email").val();
        var passwd=$("#login_passwd").val();
        var flag=Checking(email,passwd);
        if (flag===true){
            $("#login_error").hide();
            // alert("登陆成功")
        }else {
            $("#login_error").show();
            $("#login_error .error_info").html(flag);
        }
    });
    //注册按钮单击事件
    $(".btn_register").click(function () {
        var email=$("#register_email").val();
        var passwd=$("#register_passwd").val();
        var flag=Checking(email,passwd);
        if (flag===true){
            if (!$("#article").prop("checked"))
            {
                $("#register_error").show();
                $("#register_error .error_info").html("注册需要同意 服务条款")
            }else{
                $("#register_error").hide();
            }
            // alert("注册成功")
        }else {
            $("#register_error").show();
            $("#register_error .error_info").html(flag)
        }
    });
});
